import QtQuick 2.5
import QtQuick.Controls 2.1
import ".."

MyRectangle
{
    id: myZoom
    implicitHeight: 120
    implicitWidth: 50
    radius: width / 2
    signal zoomIn()
    signal zoomOut()

    Image
    {
        source: "qrc:/Images/zoomin.png"
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 10
        scale: inArea.pressed ? 0.9 : 1.0
        MouseArea
        {
            id: inArea
            anchors.fill: parent
            onClicked:
            {
                console.log("zoomin")
                GET_UAC.playBeep()
                myZoom.zoomIn()
            }
        }
    }

    Image
    {
        source: "qrc:/Images/zoomout.png"
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 10
        scale: outArea.pressed ? 0.9 : 1.0
        MouseArea
        {
            id: outArea
            anchors.fill: parent
            onClicked:
            {
                console.log("zoomout")
                GET_UAC.playBeep()
                myZoom.zoomOut()
            }
        }
    }
}
